@charset "utf-8";
@font-face {
    font-family: 'DINProM';  /* Project id 1837151 */
    src: url('../font/DINCond-Bold.svg') format('svg'),
    url('../font/DINCond-Bold.woff') format('woff'),
    url('../font/DINCond-Bold.ttf') format('ttf');
}

@font-face {
    font-family: "iconfont"; /* Project id 1627715 */
    src: url('../font/iconfont.woff2?t=20210818') format('woff2'),
    url('../font/iconfont.woff?t=20210818') format('woff'),
    url('../font/iconfont.ttf?t=20210818') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.l_header {
    height: 56px;
    background: #191e2b;
}

.l_header .logo {
    margin-right: 62px;
    margin-top: 14px;
    display: block;
    width: 84px;
    height: 27px;
}

.l_header .logo img {
    display: block;
    width: 100%;
    height: 100%;
}

.l_header .nav > li {
    margin-right: 40px;
    float: left;
}

.l_header .nav > li a {
    font-size: 14px;
    color: #fff;
    line-height: 56px;
    transition: all .3s;
}

.l_header .nav > li:hover a {
    color: #037CFF;
}

.l_header .tel {
    font-size: 20px;
    font-weight: 600;
    color: #037cff;
    line-height: 56px;
}

.l_header .tel .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../img/ympm/tel.png") no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.l_banner {
    width: 100%;
    height: 300px;
    background: url('../img/ympm/ympm_banner.jpg') no-repeat center #1453f0;
    text-align: center;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.l_banner h2 {
    padding-top: 48px;
    font-size: 46px;
    font-weight: 500;
    color: #fff;
    line-height: 71px;
    letter-spacing: 2px;
}

.l_banner p {
    margin-top: 20px;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    line-height: 28px;
}

.l_banner p span {
    color: #FFD54F;
}

.top_search {
    position: absolute;
    left: 50%;
    top: -88px;
    margin-left: -600px;
    padding: 20px 24px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.11);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.top_search .title {
    margin-bottom: 10px;
    font-size: 16px;
    color: #333;
    line-height: 22px;
}

.top_search .title .icon {
    margin-right: 10px;
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background: url("../img/ympm/t_icon.png") no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.top_search .center input {
    float: left;
    padding: 0 24px;
    display: block;
    width: 992px;
    height: 46px;
    background: #ebeef3;
    border-radius: 4px;
}

.top_search .center a {
    display: block;
    width: 140px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    font-size: 16px;
    color: #fff;
    background: #037cff;
    border-radius: 4px;
    cursor: pointer;
    transition: all .3s;
}

.top_search .center a:hover {
    opacity: .9;
}

.top_search .bot {
    margin-top: 10px;
}

.top_search .left {
    font-size: 12px;
    color: #333;
    line-height: 20px;
}

.top_search .left i {
    margin-right: 10px;
    display: inline-block;
    width: 14px;
    height: 15px;
    vertical-align: middle;
    background: url("../img/ympm/t_laba.png") no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.top_search .swiper-container {
    width: 900px;
    height: 20px;
    line-height: 20px;
}

.top_search .swiper-slide {
    font-size: 12px;
    color: #333;
}

.top_search .swiper-slide span {
    color: #037CFF;
}

.l_info {
    padding: 135px 0 60px;
    position: relative;
    background: url('../img/ympm/ympm_info.jpg') no-repeat center #f9f9f9;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.l_info_bot h2 {
    font-size: 34px;
    color: #051233;
    line-height: 56px;
}

.l_info_bot p {
    width: 680px;
    margin-top: 24px;
    font-size: 16px;
    color: #828999;
    line-height: 30px;
}

.l_info_bot .right {
    margin-right: 70px;
    width: 180px;
    height: 168px;
}

.l_info_bot .right img {
    display: block;
    width: 100%;
}

.l_title {
    margin-bottom: 30px;
    font-size: 34px;
    color: #051233;
    line-height: 56px;
}

.l_process {
    padding: 100px 0 90px;
    height: 465px;
    background: url("../img/ympm/ympm_lcbg.jpg") no-repeat center #fff;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}


.l_process ul {
    margin-top: 80px;
}

.l_process li {
    position: relative;
    float: left;
    width: 16.6%;
    text-align: center;
}


.l_process li p {
    margin-top: 20px;
    font-size: 14px;
    text-align: center;
    color: #333;
    line-height: 20px;
}

.l_process li .icon {
    margin: 0 auto;
    display: block;
    width: 56px;
    height: 56px;
    background: url('../img/css_sprites112x112.png') no-repeat center;
    -webkit-background-size: 330px 264px;
    background-size: 330px 264px;
    transition: all .3s;
    overflow: hidden;
}

.l_process li:hover .icon {
    transform: scale(1.1);
}

.l_process li .icon1 {
    background-position: -5px -5px;
}

.l_process li .icon2 {
    background-position: -203px -137px;
}

.l_process li .icon3 {
    background-position: -137px -71px;
}

.l_process li .icon4 {
    background-position: -269px -5px;
}

.l_process li .icon5 {
    background-position: -71px -137px;
}

.l_process li .icon6 {
    background-position: -5px -203px;
}

.l_process li:after {
    position: absolute;
    right: -68px;
    top: 21px;
    content: '';
    display: block;
    width: 132px;
    height: 14px;
    background: url("../img/ympm/process_bg.png") no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.l_process li:last-child:after {
    display: none;
}

.l_terms {
    padding-top: 100px;
    height: 727px;
    background: url("../img/ympm/terms_bg.jpg") no-repeat center #f6fbff;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.l_terms li {
    padding: 30px 20px;
    margin-right: 26px;
    margin-bottom: 26px;
    float: left;
    width: 280px;
    height: 184px;
    background: #fff;
    border-left: 2px solid #087CFF;
    transition: all .3s;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}


.l_terms li:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.l_terms li:nth-child(4n) {
    margin-right: 0;
}

.l_terms li h2 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    line-height: 32px;
}

.l_terms li p {
    margin-top: 4px;
    font-size: 14px;
    color: #666;
    line-height: 26px;
}

.l_pexels {
    padding: 65px 0 80px;
    background: url("../img/ympm/pexels_bg.jpg") no-repeat center #041332;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.l_title.white {
    color: #fff;
}

.l_pexels ul {
    margin-top: 60px;
}

.l_pexels li {
    position: relative;
    padding: 30px 0;
    margin-left: 13px;
    float: left;
    width: 290px;
    height: 328px;
    text-align: center;
    background: rgba(1, 11, 32, .5);
    border-radius: 4px;
    transition: all .3s;
}

.l_pexels li:first-child {
    margin-left: 0;
}

.l_pexels li h2 {
    margin-top: 16px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    line-height: 32px;
}

.l_pexels li p {
    width: 220px;
    margin: 10px auto;
    font-size: 14px;
    color: rgba(255, 255, 255, .7);
    line-height: 24px;
    text-align: center;
}

.l_pexels li .icon {
    display: block;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    background: url("../img/css_sprites140x140.png") no-repeat center;
    -webkit-background-size: 480px 480px;
    background-size: 480px 480px;
}

.l_pexels li .icon1 {
    background-position: -245px -165px;
}

.l_pexels li .icon2 {
    background-position: -85px -165px;
}

.l_pexels li .icon3 {
    background-position: -245px -85px;
}

.l_pexels li .icon4 {
    background-position: -5px -245px;
}

.l_pexels li .icon5 {
    background-position: -85px -85px;
}

.l_pexels li .fwq1 {
    background: url("../img/fwqlx_icon.png") no-repeat center;
    -webkit-background-size: auto 70px;
    background-size: auto 70px;
    background-position: -140px 0;
}

.l_pexels li .fwq2 {
    background: url("../img/fwqlx_icon.png") no-repeat center;
    -webkit-background-size: auto 70px;
    background-size: auto 70px;
    background-position: -70px 0;
}

.l_pexels li .fwq3 {
    background: url("../img/fwqlx_icon.png") no-repeat center;
    -webkit-background-size: auto 70px;
    background-size: auto 70px;
    background-position: 0 0;
}

.l_pexels li:hover {
    background: rgba(1, 11, 32, .8);
}

.l_pexels .line {
    position: absolute;
    left: 55px;
    bottom: 0;
    width: 0;
    height: 4px;
    background: #087cff;
    transition: all .3s;
}

.l_pexels li:hover .line {
    width: 180px;
}

.l_ymhz {
    padding: 50px 0 60px;
    background: url("../img/ymqz/ymhz_bg.jpg") no-repeat center #f4f6f9;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.l_ymhz li {
    padding: 10px 30px;
    position: relative;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    width: 224px;
    height: 102px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .3s;
}

.l_ymhz li:hover {
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 5%);
}

.l_ymhz li:nth-child(5n) {
    margin-right: 0;
}

.l_ymhz li .title {
    margin-bottom: 4px;
    font-size: 24px;
    font-weight: 500;
    color: #333;
    line-height: 33px;
    font-family: Arial;
}

.l_ymhz li p {
    font-size: 14px;
    color: #999;
    line-height: 20px;
}

.l_ymhz li .hot {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: url("../img/ympm/cuxiao.png") no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.l_bottom {
    height: 200px;
    text-align: center;
    background: url("../img/ympm/l_bot.png") no-repeat center #2666db;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.l_bottom .txt {
    padding-top: 42px;
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    line-height: 42px;
    letter-spacing: -1px;
}

.l_bottom .txt span {
    color: #FF9946;
}

.l_bottom .btn {
    display: block;
    margin: 24px auto;
    width: 166px;
    height: 42px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 42px;
    border: 1px solid #fff;
    background-color: transparent;
    border-radius: 4px;
    cursor: pointer;
    transition: all .3s;
}

.l_bottom .btn:hover {
    background-color: #fff;
    color: #037CFF;
}

.l_how {
    padding: 90px 0;
    height: 580px;
    background: url("../img/ymqz/qz_howbg.jpg") no-repeat center #fff;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.l_how .content {
    width: 100%;
}

.l_how .content img {
    margin: 0 auto;
    display: block;
    width: 1132px;
}

.l_select {
    padding: 75px 0 100px;
    background: url("../img/ympm/pexels_bg.jpg") no-repeat center #041332;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.l_select ul {
    margin-top: 60px;
}

.l_select li {
    position: relative;
    padding-top: 65px;
    margin-left: 32px;
    float: left;
    width: 276px;
    height: 260px;
    text-align: center;
    background: rgba(1, 11, 32, .5);
    border-radius: 4px;
    transition: all .3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.l_select li:first-child {
    margin-left: 0;
}

.l_select li h2 {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    line-height: 32px;
}


.l_select li .icon {
    display: block;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    background: url("../img/css_sprites140x140.png") no-repeat center;
    -webkit-background-size: 480px 480px;
    background-size: 480px 480px;
}

.l_select li .icon1 {
    background-position: -85px -85px;
}

.l_select li .icon2 {
    background-position: -165px -5px;
}

.l_select li .icon3 {
    background-position: -165px -85px;
}

.l_select li .icon4 {
    background-position: -5px -165px;
}

.l_select li:hover {
    background: rgba(1, 11, 32, .8);
}

.l_select .line {
    position: absolute;
    left: 93px;
    bottom: 0;
    width: 0;
    height: 4px;
    background: #087cff;
    transition: all .3s;
}

.l_select li:hover .line {
    width: 90px;
}

.l_note {
    padding-top: 80px;
    height: 728px;
    background: url("../img/ympm/terms_bg.jpg") no-repeat center #f9fafe;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.l_note ul {
    margin-top: 60px;
}

.l_note li {
    padding: 30px;
    margin-right: 30px;
    margin-bottom: 30px;
    float: left;
    width: 585px;
    height: 190px;
    background: linear-gradient(135deg, #f2f8ff, #ffffff);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    border-left: 2px solid #087CFF;
    transition: all .3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.l_note li:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.l_note li:nth-child(even) {
    margin-right: 0;
}

.l_note li h2 {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    line-height: 30px;
}

.l_note li p {
    margin-top: 10px;
    font-size: 16px;
    color: #666;
    line-height: 30px;
}


.l_advant {
    padding: 90px 0;
    height: 598px;
    background: url("../img/ymqz/qz_howbg.jpg") no-repeat center #fff;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.l_advant ul {
    margin-top: 75px;
}

.l_advant li {
    float: left;
    width: 33.33%;
    text-align: center;
    transition: all .3s;
}

.l_advant li h2 {
    margin-top: 16px;
    font-size: 20px;
    font-weight: 600;
    color: #333;
    line-height: 28px;
}

.l_advant li p {
    margin: 24px auto 0;
    width: 300px;
    font-size: 16px;
    color: #666;
    line-height: 32px;
}

.l_advant li .icon {
    margin: 0 auto;
    display: block;
    width: 80px;
    height: 80px;
    background: url("../img/css_sprites160x160.png") no-repeat center;
    -webkit-background-size: 720px 630px;
    background-size: 720px 630px;
}

.l_advant li .icon1 {
    background-position: -5px -545px;
}

.l_advant li .icon2 {
    background-position: -95px -545px;
}

.l_advant li .icon3 {
    background-position: -185px -365px;
}

.l_advant li:hover {
    transform: translateY(-6px);
}

.l_relat {
    padding: 80px 0 120px;
    background: url("../img/ymzcs/zcs_flbg.jpg") no-repeat center #f8f9fe;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.l_relat li {
    position: relative;
    float: left;
    margin-left: 150px;
    width: 300px;
    height: 360px;
    background: #ffffff;
    box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.11);
    transition: all .3s;
}

.l_relat li:before {
    position: absolute;
    top: 136px;
    left: 332px;
    content: '';
    display: block;
    width: 85px;
    height: 112px;
    background: url("../img/zym/relat_jt.png") no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.l_relat li:last-child:before {
    display: none;
}

.l_relat li:hover {
    box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.2);
}

.l_relat li:first-child {
    margin-left: 0;
}

.l_relat li .top {
    padding: 24px 26px;
    height: 80px;
    background: url("../img/zym/relat_1.png") no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.l_relat li .top3 {
    background-image: url("../img/zym/relat_3.png");
}

.l_relat li h2 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    line-height: 28px;
}

.l_relat .top span {
    display: block;
    margin-top: 10px;
    width: 30px;
    height: 4px;
    background: rgba(255, 255, 255, .6);
}

.l_relat .content {
    padding: 16px 26px;
    font-size: 16px;
    color: #666;
    line-height: 32px;
}

.l_give {
    padding: 60px 0 90px;
}

.l_give ul {
    position: relative;
}

.l_give li {
    float: left;
    width: 20%;
    text-align: center;
}

.l_give li.line {
    position: absolute;
    left: 50%;
    top: 100px;
    margin-left: -480px;
    width: 960px;
    border: 1px dashed rgba(153, 153, 153, .5);
}


.l_give li .icon {
    margin: 0 auto;
    display: block;
    width: 80px;
    height: 80px;
    background: url("../img/css_sprites160x160.png") no-repeat center;
    -webkit-background-size: 720px 630px;
    background-size: 720px 630px;
}

.l_give li .icon1 {
    background-position: -545px -545px;
}

.l_give li .icon2 {
    background-position: -455px -545px;
}

.l_give li .icon3 {
    background-position: -5px -275px;
}

.l_give li .icon4 {
    background-position: -185px -275px;
}

.l_give li .icon5 {
    background-position: -95px -275px;
}

.l_give li h2 {
    margin-top: 28px;
    font-size: 18px;
    color: #333;
    line-height: 25px;
}

.l_give li span {
    position: relative;
    margin: 16px auto 0;
    display: block;
    width: 10px;
    height: 10px;
    background: #ffffff;
    border: 2px solid #087cff;
    border-radius: 50%;
}

.l_give li p {
    margin-top: 14px;
    font-size: 14px;
    color: #999;
    line-height: 20px;
}


.l_advant li .zm1 {
    background-position: -185px -365px;
}

.l_advant li .zm2 {
    background-position: -275px -545px;
}

.l_advant li .zm3 {
    background-position: -365px -365px;
}


.l_ymhz.white {
    background: #fff;
}

.l_ymhz.white li {
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.12);
}

.l_ymhz.white li:hover {
    transform: translateY(-6px);
}

.syz_how {
    padding-top: 100px;
    height: 682px;
    background: url("../img/ymsyq/how_bg.jpg") no-repeat center #f9f9f9;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.syz_how .right img {
    margin-top: -20px;
    display: block;
    width: 770px;
    height: 416px;
}

.syz_how li {
    width: 430px;
    height: 90px;
    border-radius: 8px;
    font-size: 22px;
    font-weight: 500;
    color: #818696;
    line-height: 90px;
    transition: all .3s;
}

.syz_how li .icon {
    display: block;
    width: 0;
    height: 48px;
    background: url("../img/ymsyq/zclc_1.png") no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
    transition: all .3s;
}

.syz_how li .icon2 {
    background-image: url("../img/ymsyq/zclc_2.png");
}

.syz_how li .icon3 {
    background-image: url("../img/ymsyq/zclc_3.png");
}

.syz_how li .icon4 {
    background-image: url("../img/ymsyq/zclc_4.png");
}

.syz_how li:hover {
    background-color: #fff;
}

.syz_how li:hover .icon {
    width: 44px;
    margin: 26px 12px 0;
}

.syz_how li:hover {
    color: #333;
}

.syz_how.white {
    background-image: url('../img/ymzx/lc_bg.jpg');
    background-color: #fff;
}

.syz_how.white li:hover {
    background: #eff3f9;
}

.l_differ {
    padding: 50px 0 60px;
    background: url("../img/ymzx/qb_bg.jpg") no-repeat center #f6f9fe;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.l_differ li {
    float: left;
    margin-left: 40px;
    width: 580px;
    background: #fff;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.12);
    transition: all .3s;
}

.l_differ li:hover {
    transform: translateY(-6px);
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2);
}

.l_differ li:first-child {
    margin-left: 0;
}

.l_differ li .top {
    padding: 32px 40px;
    height: 100px;
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    line-height: 37px;
    background: url("../img/ymzx/qb_top1.png");
    -webkit-background-size: 100%;
    background-size: 100%;
}

.l_differ li .top2 {
    background-image: url("../img/ymzx/qb_top2.png");
}

.l_differ li .content {
    padding: 33px 64px;
    height: 198px;
}

.l_differ li p {
    position: relative;
    font-size: 18px;
    color: #333;
    line-height: 40px;
}

.l_differ li p:before {
    content: '';
    display: block;
    position: absolute;
    left: -28px;
    top: 16px;
    width: 8px;
    height: 8px;
    background: #ff9946;
    border-radius: 50%;
}


.l_tool {
    padding: 60px 0;
    height: 580px;
    background: url("../img/ymqz/qz_howbg.jpg") no-repeat center #fff;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}


.l_tool li {
    margin-bottom: 60px;
    float: left;
    width: 20%;
    text-align: center;
    transition: all .3s;
}

.l_tool li:hover {
    transform: translateY(-6px);
}

.l_tool li p {
    margin-top: 16px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #333;
    line-height: 32px;
}

.l_tool li .icon {
    display: block;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    background: url("../img/css_sprites160x160.png") no-repeat center;
    -webkit-background-size: 720px 630px;
    background-size: 720px 630px;
}

.l_tool li .icon1 {
    background-position: -365px -365px;
}

.l_tool li .icon2 {
    background-position: -275px -365px;
}

.l_tool li .icon3 {
    background-position: -455px -95px;
}

.l_tool li .icon4 {
    background-position: -455px -5px;
}

.l_tool li .icon5 {
    background-position: -455px -185px;
}

.l_tool li .icon6 {
    background-position: -455px -275px;
}

.l_tool li .icon7 {
    background-position: -455px -365px;
}

.l_tool li .icon8 {
    background-position: -5px -455px;
}

.l_tool li .icon9 {
    background-position: -95px -455px;
}

.l_tool li .icon10 {
    background-position: -275px -455px;
}

.tool_ys {
    padding: 75px 0 100px;
    background: url("../img/ympm/pexels_bg.jpg") no-repeat center #041332;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tool_ys ul {
    margin-top: 60px;
}

.tool_ys li {
    position: relative;
    padding: 52px 40px;
    margin-left: 30px;
    float: left;
    width: 380px;
    height: 336px;
    text-align: center;
    background: rgba(1, 11, 32, .5);
    border-radius: 4px;
    transition: all .3s;
}

.tool_ys li:first-child {
    margin-left: 0;
}

.tool_ys li h2 {
    margin-top: 16px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    line-height: 32px;
}

.tool_ys li p {
    margin: 10px auto;
    font-size: 14px;
    color: rgba(255, 255, 255, .7);
    line-height: 24px;
    text-align: center;
}

.tool_ys li .icon {
    display: block;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    background: url("../img/css_sprites140x140.png") no-repeat center;
    -webkit-background-size: 480px 480px;
    background-size: 480px 480px;
}

.tool_ys li .icon1 {
    background-position: -5px -5px;
}

.tool_ys li .icon2 {
    background-position: -85px -5px;
}

.tool_ys li .icon3 {
    background-position: -5px -85px;
}

.tool_ys li:hover {
    background: rgba(1, 11, 32, .8);
}

.tool_ys .line {
    position: absolute;
    left: 145px;
    bottom: 0;
    width: 0;
    height: 4px;
    background: #087cff;
    transition: all .3s;
}

.tool_ys li:hover .line {
    width: 90px;
}

.tool_ys.why li {
    padding-top: 30px;
    height: 256px;
}

.tool_ys.why li .line {
    left: 100px;
}

.tool_ys.why li:hover .line {
    width: 180px;
}

.tool_ys.why li .why1 {
    background-position: -85px -85px;
}

.tool_ys.why li .why2 {
    background-position: -5px -165px;
}

.tool_ys.why li .why3 {
    background-position: -5px -325px;
}

.tool_differ {
    padding: 75px 0 100px;
    height: 465px;
    background: url(../img/ympm/ympm_lcbg.jpg) no-repeat center #fff;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.tool_differ ul {
    margin-top: 60px;
}

.tool_differ li {
    padding: 30px 16px;
    margin-left: 30px;
    float: left;
    width: 380px;
    height: 150px;
    background: linear-gradient(135deg, #f2f8ff, #fff);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    border-left: 4px solid #087CFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .3s;
}

.tool_differ li:hover {
    transform: translateY(-6px);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}


.tool_differ li:first-child {
    margin-left: 0;
}

.tool_differ li .icon {
    margin-right: 8px;
    display: block;
    float: left;
    width: 70px;
    height: 70px;
    background: url("../img/css_sprites140x140.png") no-repeat center;
    -webkit-background-size: 480px 480px;
    background-size: 480px 480px;
}

.tool_differ li .icon1 {
    background-position: -325px -85px;
}

.tool_differ li .icon2 {
    background-position: -325px -165px;
}

.tool_differ li .icon3 {
    background-position: -325px -245px;
}

.tool_differ li .right {
    float: left;
    width: 260px;
}

.tool_differ li h2 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    line-height: 32px;
}

.tool_differ li p {
    margin-top: 4px;
    font-size: 14px;
    color: #666;
    line-height: 26px;
}

.l_benefit {
    padding: 90px 0 90px;
    height: 640px;
    background: url(../img/ymdz/dz_hcbg.jpg) no-repeat center #fff;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}


.l_benefit ul {
    margin-top: 60px;
    height: 304px;
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 4px;
}

.l_benefit li {
    padding: 45px 60px;
    position: relative;
    float: left;
    width: 33.33%;
    height: 302px;
    text-align: center;
    transition: all .3s;
}

.l_benefit li:hover {
    background: linear-gradient(135deg, #f2f8ff, #ffffff);
}

.l_benefit li:before {
    position: absolute;
    left: 1px;
    top: 52px;
    content: '';
    display: block;
    width: 1px;
    height: 200px;
    background: #efefef;
}

.l_benefit li:first-child:before {
    display: none;
}

.l_benefit li .icon {
    display: block;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    background: url("../img/css_sprites160x160.png") no-repeat center;
    -webkit-background-size: 720px 630px;
    background-size: 720px 630px;
}

.l_benefit li .icon1 {
    background-position: -185px -5px;
}

.l_benefit li .icon2 {
    background-position: -95px -95px;
}

.l_benefit li .icon3 {
    background-position: -275px -5px;
}

.l_benefit li h2 {
    margin-top: 20px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #333;
    line-height: 32px;
}

.l_benefit li p {
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
    color: #666;
    line-height: 26px;
}

.l_benefit li .line {
    position: absolute;
    bottom: 0;
    left: 100px;
    width: 0;
    height: 3px;
    background: #087cff;
    transition: all .3s;
}

.l_benefit li:hover .line {
    width: 200px;
}

.zcs_process {
    padding: 65px 0 90px;
    height: 465px;
    background: url(../img/ympm/ympm_lcbg.jpg) no-repeat center #fff;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.zcs_process .left {
    float: left;
    padding: 20px 35px;
    width: 260px;
    height: 205px;
    background: #f9fcff;
    transition: all .3s;
}

.zcs_process .right {
    float: right;
    padding: 20px;
    width: 930px;
    height: 205px;
    background: #f9fcff;
}

.zcs_process h2 {
    font-size: 18px;
    font-weight: 600;
    color: #051233;
    line-height: 25px;
}

.zcs_process .icon {
    margin: 10px auto 0;
    display: block;
    width: 56px;
    height: 56px;
    background: url("../img/css_sprites112x112.png") no-repeat center;
    -webkit-background-size: 330px 264px;
    background-size: 330px 264px;
}

.zcs_process .icon1 {
    background-position: -203px -71px;
}

.zcs_process .icon2 {
    background-position: -203px -137px;
}


.zcs_process .icon3 {
    background-position: -137px -137px;
}


.zcs_process .icon4 {
    background-position: -71px -203px;
}


.zcs_process .icon5 {
    background-position: -203px -203px;
}

.zcs_process .item p {
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
    color: #333;
    line-height: 20px;
}

.zcs_process li {
    float: left;
    width: 25%;
    text-align: center;
}

.zcs_process ul {
    position: relative;
}

.zcs_process ul .line {
    position: absolute;
    left: 50%;
    margin-left: -339px;
    bottom: 5px;
    width: 678px;
    height: 2px;
    border: 1px dashed rgba(153, 153, 153, .5);
}

.zcs_process li .cir {
    position: relative;
    z-index: 1;
    display: block;
    margin: 20px auto 0;
    width: 12px;
    height: 12px;
    background: #fff;
    border: 3px solid #087cff;
    border-radius: 50%;
}

.l_type {
    padding-top: 90px;
    height: 612px;
    background: url("../img/ymzcs/zcs_flbg.jpg") no-repeat center #f8f9fe;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.l_type ul {
    margin-top: 60px;
}

.l_type li {
    margin-left: 40px;
    float: left;
    padding: 30px 16px;
    width: 580px;
    height: 276px;
    border-left: 4px solid #087cff;
    background: linear-gradient(135deg, #f2f8ff, #fff);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
    transition: all .3s;
}

.l_type li:hover {
    transform: translateY(-6px);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}


.l_type li:first-child {
    margin-left: 0;
}

.l_type li .icon {
    float: left;
    display: block;
    width: 80px;
    height: 80px;
    background: url("../img/css_sprites160x160.png") no-repeat center;
    -webkit-background-size: 720px 630px;
    background-size: 720px 630px;
}

.l_type li .icon1 {
    background-position: -545px -365px;
}

.l_type li .icon2 {
    background-position: -545px -455px;
}

.l_type li .right {
    float: left;
    width: 406px;
    margin-left: 20px;
}

.l_type li h2 {
    font-size: 26px;
    color: #333;
    line-height: 38px;
}

.l_type li p {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    line-height: 28px;
}


.l_sort {
    padding: 75px 0 100px;
    background: url("../img/ympm/pexels_bg.jpg") no-repeat center #041332;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.l_sort ul {
    margin-top: 60px;
}

.l_sort li {
    margin-left: 40px;
    float: left;
    width: 580px;
    background-color: #fff;
}

.l_sort li:hover h2 {
    color: #037cff;
}

.l_sort li:first-child {
    margin-left: 0;
}

.l_sort li .top {
    height: 200px;
    background: url("../img/ymzcs/sort_1.png") no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.l_sort li .top2 {
    background-image: url("../img/ymzcs/sort_2.png");
}

.l_sort li .contet {
    padding: 30px;
    height: 300px;
    background-color: #fff;
}

.l_sort li h2 {
    font-size: 26px;
    font-weight: 500;
    color: #333;
    line-height: 38px;
    transition: all .3s;
}

.l_sort li .text {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    line-height: 28px;
}

.l_sort li .line {
    margin-top: 30px;
    width: 30px;
    height: 4px;
    background: #087cff;
}

.l_host {
    padding: 70px 0 80px;
}

.l_param {
    padding: 60px 80px;
}

.l_param .info {
    margin-top: -10px;
    font-size: 16px;
    color: #828999;
    line-height: 30px;
}

.l_param ul {
    margin-top: 24px;
    height: 274px;
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 4px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}


.l_param li {
    margin: 10px 9px;
    padding: 38px 50px;
    position: relative;
    float: left;
    width: 380px;
    height: 254px;
    text-align: center;
    transition: all .3s;
}

.l_param li:hover {
    background: linear-gradient(135deg, #f2f8ff, #ffffff);
}

.l_param li:before {
    position: absolute;
    left: -10px;
    top: 22px;
    content: '';
    display: block;
    width: 1px;
    height: 200px;
    background: #efefef;
}

.l_param li:first-child:before {
    display: none;
}

.l_param li .icon {
    display: block;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    background: url("../img/zjym/zhuji_icon.png") no-repeat center;
    -webkit-background-size: auto 80px;
    background-size: auto 80px;
}

.l_param li .icon1 {
    background-position: -160px 0;
}

.l_param li .icon2 {
    background-position: -80px 0;
}

.l_param li .icon3 {
    background-position: 0 0;
}

.l_param li p {
    margin-top: 20px;
    font-size: 14px;
    text-align: center;
    color: #333;
    line-height: 28px;
}


.l_host ul {
    margin-top: 60px;
}

.l_host li {
    margin-left: 40px;
    float: left;
    width: 580px;
    height: 318px;
    background: #fff;
    transition: all .3s;
}


.l_host li:first-child {
    margin-left: 0;
}

.l_host li .top {
    height: 100px;
    text-align: center;
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    line-height: 100px;
    background: url("../img/zjym/top_1.png") no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.l_host li .top2 {
    background-image: url("../img/zjym/top_2.png");
}

.l_host li .item {
    padding-top: 40px;
    float: left;
    width: 25%;
    text-align: center;
    transition: all .3s;
}

.l_host li .item:hover {
    transform: translateY(-6px);
}


.l_host li .content {
    height: 218px;
    border: 1px solid #e9e9e9;
    border-top: 0;
}

.l_host li .icon {
    display: block;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    background: url("../img/css_sprites140x140.png") no-repeat center;
    -webkit-background-size: 480px 480px;
    background-size: 480px 480px;
}

.l_host li .icon1 {
    background-position: -90px -325px;
}

.l_host li .icon2 {
    background-position: -168px -325px;
}

.l_host li .icon3 {
    background-position: -248px -325px;
}

.l_host li .icon4 {
    background-position: -330px -325px;
}

.l_host li .icon5 {
    background-position: -407px -5px;
}

.l_host li .icon6 {
    background-position: -407px -166px;
}

.l_host li .icon7 {
    background-position: -407px -84px;
}

.l_host li .icon8 {
    background-position: -325px -85px;
}

.l_host li p {
    margin-top: 16px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #333;
    line-height: 32px;
}

.l_purpose {
    padding: 65px 0 10px;
    background: url("../img/ympm/pexels_bg.jpg") no-repeat center #041332;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.l_purpose ul {
    margin-top: 60px;
}

.l_purpose li {
    margin-bottom: 60px;
    float: left;
    width: 33.33%;
    text-align: center;
    transition: all .3s;
}

.l_purpose li:hover {
    transform: translateY(-6px);
}

.l_purpose li p {
    margin-top: 16px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    line-height: 32px;
}

.l_purpose li .icon {
    display: block;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    background: url("../img/css_sprites140x140.png") no-repeat center;
    -webkit-background-size: 480px 480px;
    background-size: 480px 480px;
}

.l_purpose li .icon1 {
    background-position: -325px -85px;
}

.l_purpose li .icon2 {
    background-position: -87px -246px;
}

.l_purpose li .icon3 {
    background-position: -85px -85px;
}

.l_purpose li .icon4 {
    background-position: -165px -245px;
}

.l_purpose li .icon5 {
    background-position: -245px -245px;
}

.l_purpose li .icon6 {
    background-position: -325px -5px;
}


.l_principle {
    padding: 80px 0;
    height: 465px;
    background: url(../img/ympm/ympm_lcbg.jpg) no-repeat center #fff;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.l_principle ul {
    margin-top: 90px;
    position: relative;
}

.l_principle li {
    float: left;
    width: 25%;
    text-align: center;
}

.l_principle li.line {
    position: absolute;
    left: 50%;
    bottom: 4px;
    margin-left: -450px;
    width: 900px;
    border: 1px dashed rgba(153, 153, 153, .5);
}


.l_principle li .icon {
    margin: 0 auto;
    display: block;
    width: 56px;
    height: 56px;
    background: url("../img/css_sprites112x112.png") no-repeat center;
    -webkit-background-size: 330px 264px;
    background-size: 330px 264px;
}

.l_principle li .icon1 {
    background-position: -137px -71px;
}

.l_principle li .icon2 {
    background-position: -203px -5px;
}

.l_principle li .icon3 {
    background-position: -71px -137px;
}

.l_principle li .icon4 {
    background-position: -5px -137px;
}

.l_principle li span {
    position: relative;
    margin: 25px auto 0;
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    border: 2px solid #087cff;
    border-radius: 50%;
}

.l_principle li p {
    margin-top: 11px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
}

.jx_how {
    padding: 65px 0 80px;
    background: url("../img/ymjx/how_bg.jpg") #f5f8ff no-repeat center;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.jx_how ul {
    margin-top: 60px;
}

.jx_how li {
    position: relative;
    margin-left: 80px;
    float: left;
    padding: 34px 0;
    width: 240px;
    height: 167px;
    background: #fff;
    text-align: center;
    border-left: 2px solid #087CFF;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    transition: all .3s;
}

.jx_how li:before {
    position: absolute;
    right: -53px;
    top: 75px;
    content: '';
    display: block;
    width: 26px;
    height: 13px;
    background: url("../img/ymjx/jt.png") no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.jx_how li:last-child:before {
    display: none;
}

.jx_how li:hover {
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}

.jx_how li:first-child {
    margin-left: 0;
}

.jx_how li .icon {
    display: block;
    margin: 0 auto;
    width: 56px;
    height: 56px;
    background: url("../img/css_sprites112x112.png") no-repeat center;
    -webkit-background-size: 330px 264px;
    background-size: 330px 264px;
}


.jx_how li .icon1 {
    background-position: -5px -5px;
}

.jx_how li .icon2 {
    background-position: -71px -5px;
}

.jx_how li .icon3 {
    background-position: -137px -5px;
}

.jx_how li .icon4 {
    background-position: -5px -71px;
}

.jx_how li p {
    margin-top: 14px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
}

.jx_how li .num {
    position: absolute;
    right: 10px;
    bottom: 6px;
    font-size: 40px;
    font-family: DINProM;
    font-weight: 700;
    text-align: right;
    color: rgba(51, 51, 51, .05);
    line-height: 48px;
}

.l_trait {
    padding: 50px 0;
    background: #fff;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}


.l_trait ul {
    margin-top: 30px;
}

.l_trait li {
    padding: 0 40px;
    float: left;
    width: 25%;
    text-align: center;
    transition: all .3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.l_trait li h2 {
    margin-top: 12px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    line-height: 32px;
}

.l_trait li p {
    margin: 10px auto 0;
    font-size: 14px;
    color: #666;
    line-height: 26px;
}

.l_trait li .icon {
    margin: 0 auto;
    display: block;
    width: 80px;
    height: 80px;
    background: url("../img/css_sprites160x160.png") no-repeat center;
    -webkit-background-size: 720px 630px;
    background-size: 720px 630px;
}

.l_trait li .icon1 {
    background-position: -545px -5px;
}

.l_trait li .icon2 {
    background-position: -545px -95px;
}

.l_trait li .icon3 {
    background-position: -545px -175px;
}

.l_trait li .icon4 {
    background-position: -545px -275px;
}

.l_trait li .top1 {
    background-position: -275px -5px;
}

.l_trait li .top2 {
    background-position: -185px -455px;
}

.l_trait li .top3 {
    background-position: -365px -455px;
}

.l_trait li .top4 {
    background-position: -455px -455px;
}

.l_trait li .com1 {
    background-position: -5px -185px;
}

.l_trait li .com2 {
    background-position: -95px -185px;
}

.l_trait li .com3 {
    background-position: -185px -185px;
}

.l_trait li .com4 {
    background-position: -275px -5px;
}

.l_trait li .net1 {
    background-position: -95px -365px;
}

.l_trait li .net2 {
    background-position: -365px -185px;
}

.l_trait li .net3 {
    background-position: -185px -185px;
}

.l_trait li .net4 {
    background-position: -365px -275px;
}

.l_trait li .cn2 {
    background-position: -185px -95px;
}

.l_trait li .org1 {
    background: url("../img/org_1.png") no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.l_trait li .org2 {
    background: url("../img/org_2.png") no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.l_trait li:hover {
    transform: translateY(-6px);
}


.l_major {
    padding: 50px 0 60px;
    background: url("../img/ympm/pexels_bg.jpg") no-repeat center #041332;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.l_major ul {
    margin-top: 30px;
}

.l_major li {
    position: relative;
    padding: 34px 20px;
    margin-left: 25px;
    float: left;
    width: 220px;
    height: 294px;
    text-align: center;
    background: rgba(1, 11, 32, .5);
    border-radius: 4px;
    transition: all .3s;
}

.l_major li:first-child {
    margin-left: 0;
}

.l_major li h2 {
    margin-top: 16px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    line-height: 32px;
}

.l_major li p {
    margin: 10px auto;
    font-size: 14px;
    color: rgba(255, 255, 255, .7);
    line-height: 24px;
    text-align: center;
}

.l_major li .icon {
    display: block;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    background: url("../img/css_sprites140x140.png") no-repeat center;
    -webkit-background-size: 480px 480px;
    background-size: 480px 480px;
}

.l_major li .icon1 {
    background-position: -85px -85px;
}

.l_major li .icon2 {
    background-position: -165px -5px;
}

.l_major li .icon3 {
    background-position: -165px -85px;
}

.l_major li .icon4 {
    background-position: -5px -165px;
}

.l_major li .icon5 {
    background-position: -85px -165px;
}

.l_major li:hover {
    background: rgba(1, 11, 32, .8);
}

.l_major .line {
    position: absolute;
    left: 65px;
    bottom: 0;
    width: 0;
    height: 4px;
    background: #087cff;
    transition: all .3s;
}

.l_major li:hover .line {
    width: 90px;
}

.l_careful {
    padding: 50px 0 60px;
    background: url("../img/com_cn/zysx_bg.jpg") no-repeat center #f9fafe;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.l_careful ul {
    margin-top: 30px;
}

.l_careful li {
    padding: 30px;
    margin-right: 30px;
    margin-bottom: 30px;
    float: left;
    width: 380px;
    height: 130px;
    background: linear-gradient(135deg, #f2f8ff, #ffffff);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    border-left: 4px solid #087CFF;
    transition: all .3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.l_careful li:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.l_careful li:nth-child(3n) {
    margin-right: 0;
}

.l_careful li h2 {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    line-height: 30px;
}

.l_careful li p {
    margin-top: 10px;
    font-size: 16px;
    color: #666;
    line-height: 30px;
}

.l_news {
    padding: 50px 0 60px;
    background: #fff;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.news_tabs {
    margin-top: 30px;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid rgba(3, 124, 255, .1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.news_tabs li {
    position: relative;
    float: left;
    padding: 0 22px;
    margin: 0 8px;
    height: 48px;
    cursor: pointer;
    font-size: 16px;
    color: #333;
    line-height: 48px;
    transition: all .3s;
}

.news_tabs li:before {
    position: absolute;
    right: -9px;
    top: 14px;
    content: '';
    display: block;
    width: 1px;
    height: 20px;
    background: rgba(3, 124, 255, .1);
}

.news_tabs li:last-child:before {
    display: none;
}

.news_tabs li.on {
    color: #037CFF;
    border-bottom: 1px solid #037CFF;
}

.news_tabs li:hover {
    color: #037CFF;
}

.news_tabs ul {
    width: 600px;
    height: 48px;
    background: linear-gradient(270deg, #fff, rgba(3, 124, 255, 0.1));
}

.news_content {
    display: none;
    margin-top: 30px;
}

.news_content.show {
    display: block;
}

.news_content .item {
    margin-left: 20px;
    float: left;
    width: 386px;
    height: 483px;
}

.news_content .item:first-child {
    margin-left: 0;
}

.news_content .top {
    position: relative;
    display: block;
    width: 100%;
    height: 180px;
    overflow: hidden;
}

.news_content .top img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s;
}

.news_content .top:hover img {
    transform: scale(1.1);
}

.news_content .text {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px 10px 0;
    width: 100%;
    height: 90px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1), #000);
}

.news_content .text h2 {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.news_content .text p {
    margin-top: 4px;
    font-size: 14px;
    color: rgba(255, 255, 255, .7);
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.news_content li a {
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.news_content li .photo {
    margin-right: 14px;
    display: block;
    width: 60px;
    height: 60px;
    overflow: hidden;
}

.news_content .photo img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s;
}

.news_content li:hover .photo img {
    transform: scale(1.1);
}

.news_content li .right {
    width: 290px;
}

.news_content li h2 {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 22px;
    transition: all .3s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.news_content li p {
    margin-top: 10px;
    font-size: 12px;
    color: #666;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.news_content li:hover h2 {
    color: #037CFF;
}


.w_principle li .icon1 {
    background-position: -5px -137px;
}

.w_principle li .icon2 {
    background-position: -5px -5px;
}

.w_principle li .icon3 {
    background-position: -71px -71px;
}

.w_principle li .icon4 {
    background-position: -137px -71px;
}

.w_ymjbqb {
    background: url(../img/sjym/ymjbqb_bg.png) no-repeat center center;
}

.w_ymjbqb li {
    height: auto;
}

.w_ymjbqb li .top1 {
    background-image: url(../img/sjym/top_1.png);
}

.w_ymjbqb li .top2 {
    background-image: url(../img/sjym/top_2.png);
}

.w_ymjbqb li .content {
    height: auto;
    padding: 0 30px;
    border: none;
}

.w_ymjbqb .ymjbqb_item {
    border-bottom: 1px solid #EAEFF7;
    line-height: 1;
    padding: 40px 0;
}

.w_ymjbqb .ymjbqb_item:last-child {
    border-bottom: none;
}

.w_ymjbqb .ymjbqb_item h3 {
    margin-bottom: 20px;
    font-size: 16px;
    color: #333;
}

.w_ymjbqb .ymjbqb_item p {
    line-height: 1;
    margin-top: 0;
    font-size: 14px;
    text-align: left;
}

.w_ymjbqb .ymjbqb_item p span {
    color: #087CFF;
}

.w_tool_yqd li {
    position: relative;
    height: auto;
    padding: 14px 30px 30px 110px;
}

.w_tool_yqd li .icon {
    position: absolute;
    left: 20px;
    top: 30px;
}

.w_tool_yqd li .why1 {
    background-position: -245px -165px;
}

.w_tool_yqd li .why2 {
    background-position: -5px -165px;
}

.w_tool_yqd li .why3 {
    background-position: -325px -5px;
}

.w_tool_yqd li h2 {
    text-align: left;
}

.w_tool_yqd li p {
    text-align: left;
}

.w_tool_yqd .line {
    top: 0;
    left: 0;
}

.w_tool_yqd .line {
    height: 0;
    width: 4px;
}

.w_tool_yqd li:hover .line {
    height: 208px;
    width: 4px;
}

.w_gjymfl {
    height: 680px;
    background: url(../img/zjym/zj_zmxbg.jpg) no-repeat center #fff;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.w_gjymfl li {
    width: 378px;
    height: 158px;
    padding: 30px;
    background: url(../img/ymgj/gjymfl_bg.png) no-repeat right bottom;
    background-size: contain;
    box-shadow: none;
}

.w_gjymfl li:hover {
    background: url(../img/ymgj/gjymfl_hover_bg.png) no-repeat right bottom;
    background-size: contain;
}

.w_gjymfl li:nth-child(4n) {
    margin-right: 26px
}

.w_gjymfl li:nth-child(3n) {
    margin-right: 0;
}

.w_gjymfl li h2 {
    font-size: 30px;
}

.w_gjymfl li p {
    margin-top: 10px;
    color: #666;
}

.w_gjymys {
    background: url(../img/ymjx/how_bg.jpg) #f5f8ff no-repeat center;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.w_gjymys li .icon1 {
    background-position: -185px -5px;
}

.w_gjymys li .icon2 {
    background-position: -95px -185px;
}

.w_gjymys li .icon3 {
    background-position: -275px -5px;
}

.w_gjymzy li {
    height: 294px;
}

.w_gjymzy li .icon1 {
    background-position: -85px -85px;
}

.w_gjymzy li .icon2 {
    background-position: -165px -5px;
}

.w_gjymzy li .icon3 {
    background-position: -165px -85px;
}

.w_gjymzy li .icon4 {
    background-position: -85px -165px;
}

.w_gjymzy li p {
    text-align: center;
}

.w_ymgjnote {
    height: 610px;
    background: url(../img/ymdz/dz_hcbg.jpg) no-repeat center #fff;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.w_ymgjnote li {
    width: 380px;
    height: 130px;
}

.w_ymgjnote li:nth-child(even) {
    margin-right: 30px;
}

.w_ymgjnote li:nth-child(3n) {
    margin-right: 0;
}

.w_gjhym {
    width: 100%;
    height: 750px;
    box-sizing: border-box;
    padding-top: 100px;
    background: url(../img/zjym/zj_zmxbg.jpg) no-repeat center #fff;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.gjhym_content {
    width: 1200px;
    background-color: #F9FCFF;
}

.gjhym_content_t {
    width: 100%;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 20px;
    letter-spacing: 20px;
    color: #333;
    background: url(../img/gjhym/gjhym_content_bg.png) no-repeat center center;
    background-size: cover;
}

.gjhym_item {
    float: left;
    width: 400px;
    height: 320px;
    padding: 30px 0 0 20px;
    border-right: 1px solid #EAEFF7;
}

.gjhym_item:last-child {
    border-right: none;
}

.gjhym_item p {
    margin-bottom: 20px;
    line-height: 32px;
    font-size: 16px;
    color: #333;
}

.gjhym_item p span {
    color: #666;
}

.w_gjhymys {
    background: url(../img/ymjx/how_bg.jpg) #f5f8ff no-repeat center;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.w_gjhymys li {
    width: 299px;
}

.w_gjhymys li .line {
    left: 50px;
}

.w_gjhymys li .icon1 {
    background-position: -185px -5px;
}

.w_gjhymys li .icon2 {
    background-position: -95px -185px;
}

.w_gjhymys li .icon3 {
    background-position: -455px -455px;
}

.w_gjhymys li .icon4 {
    background-position: -275px -5px;
}

.w_djymlc {
    height: 480px;
    background: url(../img/zjym/zj_zmxbg.jpg) no-repeat center #fff;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.w_djymlc li {
    height: 140px;
    padding: 0;
    border-left: none;
    background: linear-gradient(135deg, #f2f8ff, #ffffff);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
}

.w_djymlc li .time {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #087CFF;
    color: #fff;
    text-align: center;
    font-size: 20px;
}

.w_djymlc li .content {
    padding: 20px;
    line-height: 20px;
    text-align: left;
    font-size: 14px;
}

.w_djymys li {
    padding: 45px 40px;
}

.w_djymys li .icon1 {
    background-position: -275px -5px;
}

.w_djymys li .icon2 {
    background-position: -185px -95px;
}

.w_djymys li .icon3 {
    background-position: -185px -455px;
}

.w_djymys li .icon4 {
    background-position: -455px -455px;
}

.w_fymjx {
    height: 600px;
}

.w_fymjx ul {
    height: 270px;
}

.w_fymjx li {
    height: 270px;
    padding: 45px 80px;
}

.w_fymjx li:before {
    top: 40px;
}

.w_fymjx li p {
    margin-top: 20px;
    color: #333;
    font-size: 16px;
}

.w_fymjx li .icon1 {
    background-position: -275px -5px;
}

.w_fymjx li .icon2 {
    background-position: -185px -95px;
}

.w_fymjx li .icon3 {
    background-position: -185px -455px;
}

.w_fymxjbz li {
    width: 346px;
}

.w_fymxjbz li .icon1 {
    background-position: -5px -5px;
}

.w_fymxjbz li .icon2 {
    background-position: -137px -5px;
}

.w_fymxjbz li .icon3 {
    background-position: -71px -71px;
}

.w_fjxhc li {
    width: 380px;
    height: 294px;
}

.w_fjxhc li p {
    width: 310px;
    text-align: center;
}

.w_fjxhc li .icon1 {
    background-position: -85px -165px;
}

.w_fjxhc li .icon2 {
    background-position: -165px -85px;
}

.w_fjxhc li .icon3 {
    background-position: -245px -165px;
}

.w_fjxhc .line {
    left: 100px;
}

.w_ymys li {
    width: 390px;
    height: 290px;
}

.w_ymys li p {
    text-align: center;
    width: 310px;
}

.w_ymys li .icon1 {
    background-position: -85px -85px;
}

.w_ymys li .icon2 {
    background-position: -165px -85px;
}

.w_ymys li .icon3 {
    background-position: -5px -165px;
}

.w_ymys .line {
    left: 104px;
}

.w_ymfzs {
    position: relative;
    width: 100%;
    padding: 80px 0;
    height: 580px;
    background: url(../img/ympm/ympm_lcbg.jpg) no-repeat center #fff;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.w_ymfzs li.line {
    position: absolute;
    left: 50%;
    bottom: 268px;
    margin-left: -600px;
    width: 1200px;
    border: 1px dashed rgba(153, 153, 153, .5);
}

.ymfzs_item {
    position: relative;
    float: left;
    width: 200px;
    height: 130px;
    margin-left: 86px;
}

.w_ymfzs li.ml0 {
    margin-left: 0;
}

.w_ymfzs li.ml142 {
    margin-left: 142px;
}

.ymfzs_item .text {
    position: relative;
    width: 100%;
    height: 72px;
    line-height: 20px;
    box-sizing: border-box;
    padding: 16px;
    background-color: #F2F7FF;
    color: #666;
}

.ymfzs_item .text_top::after {
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    bottom: -16px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #F2F7FF;
}

.ymfzs_item .text_bottom::after {
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    top: -16px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #F2F7FF;
}

.ymfzs_item .time {
    line-height: 60px;
    font-size: 16px;
    text-indent: 16px;
}

.ymfzs_item .dot {
    position: absolute;
    left: 16px;
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    border: 2px solid #087cff;
    border-radius: 50%;
}

.ymfzs_item .dot_bottom {
    bottom: -5px;
}

.ymfzs_item .dot_top {
    top: -5px;
}

.w_zcymyq {
    height: auto;
}

.w_zcymyq ul {
    height: 274px;
}

.w_zcymyq li {
    height: 274px;
}

.w_zcymyq li p {
    margin-top: 20px;
    color: #333;
}

.w_zcymyq li .icon1 {
    background-position: -5px -5px;
}

.w_zcymyq li .icon2 {
    background-position: -95px -5px;
}

.w_zcymyq li .icon3 {
    background-position: -5px -95px;
}

.w_zcymzysx li {
    width: 25%;
}

.w_zcymzysx li p {
    padding: 0px 24px;
}

.w_zcymzysx li .icon1 {
    background-position: -5px -185px;
}

.w_zcymzysx li .icon2 {
    background-position: -455px -455px
}

.w_zcymzysx li .icon3 {
    background-position: -365px -185px;
}

.w_zcymzysx li .icon4 {
    background-position: -185px -455px;
}

.w_zclc {
    width: 100%;
    padding: 50px 0 60px;
    background: url("../img/ympm/terms_bg.jpg") no-repeat center #f6fbff;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.zclc_nav {
    float: left;
    width: 390px;
}

.zclc_nav li {
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 10px;
    cursor: pointer;
}

.zclc_nav li .item1 {
    background: url(../img/zcym/flow_icon1.png) no-repeat 12px 24px;
    background-size: 44px 48px;
}

.zclc_nav li .item2 {
    background: url(../img/zcym/flow_icon2.png) no-repeat 12px 24px;
    background-size: 44px 48px;
}

.zclc_nav li .item3 {
    background: url(../img/zcym/flow_icon3.png) no-repeat 12px 24px;
    background-size: 44px 48px;
}

.zclc_nav li .item4 {
    background: url(../img/zcym/flow_icon4.png) no-repeat 12px 24px;
    background-size: 44px 48px;
}

.zclcnav_item {
    padding: 20px;
    line-height: 25px;
    font-size: 18px;
    color: #333;
}

.zclcnav_item_hover {
    display: none;
    padding: 20px 20px 20px 68px;
}

.zclc_nav li.active .zclcnav_item {
    display: none;
}

.zclc_nav li.active .zclcnav_item_hover {
    display: block;
}

.zclcnav_item_hover h3 {
    margin-bottom: 8px;
    line-height: 25px;
    font-size: 18px;
    color: #333;
}

.zclcnav_item_hover p {
    line-height: 20px;
    font-size: 14px;
    color: #666;
}

.zclc_content {
    position: relative;
    top: -30px;
    right: -30px;
    float: right;
    width: 770px;
    height: 416px;
    overflow: hidden;
}

.zclc_content img {
    width: 100%;
}

.zclccontent_item {
    display: none;
}

.zclc_content .current {
    display: block;
}

.w_ymjyfs li .zm1 {
    background-position: -185px -545px;
}

.w_ymjyfs li .zm2 {
    background-position: -635 -5px;
}

.w_ymjyfs li .zm3 {
    background-position: -375px -545px;
}

.w_pgsys li:before {
    display: none;
}

.w_ymjyys li {
    height: 300px;
}

.w_ymjyys li .icon1 {
    background-position: -85px -5px;
}

.w_ymjyys li .icon2 {
    background-position: -245px -165px;
}

.w_ymjyys li .icon3 {
    background-position: -325px -245px;
}

.w_ymjyys li .icon4 {
    background-position: -5px -5px;
}

.w_ymjyjq {
    width: 100%;
    padding: 80px 0;
    background-color: #f9f9f9;
}

.ymjyjq_content {
    position: relative;
    width: 100%;
    height: 360px;
    background: url(../img/ymjy/ymjyjq_content_bg.png) no-repeat top center;
    background-size: 452px 339px;
}

.ymjyjq_item {
    position: absolute;
    width: 358px;
    padding: 16px 24px;
    border-radius: 8px;
    box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.11);
    background-color: #fff;
}

.ymjyjq_item1 {
    top: 124px;
    left: 0px;
    text-align: right;
}

.ymjyjq_item2 {
    top: 25px;
    right: 0px;
}

.ymjyjq_item3 {
    top: 210px;
    right: 0px;
}

.ymjyjq_item h3 {
    margin-bottom: 10px;
    line-height: 28px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

.ymjyjq_item p {
    line-height: 32px;
    color: #666;
    font-size: 16px;
}

.w_ymzjyz li {
    width: 390px;
    height: auto;
}

.w_ymzjyz li .desc {
    margin-top: -20px;
    padding: 0 20px 0 68px;
    line-height: 20px;
    height: 0px;
    opacity: 0;
    font-size: 14px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.w_ymzjyz li:hover .desc {
    height: 70px;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.w_wzzy li .zm1 {
    background-position: -545px -185px;
}

.w_wzzy li .zm2 {
    background-position: -635px -95px;
}

.w_wzzy li .zm3 {
    background-position: -545px -545px;
}

.w_ymdzys li .icon1 {
    background-position: -405px -245px;
}

.w_ymdzys li .icon2 {
    background-position: -405px -325px;
}

.w_ymdzys li .icon3 {
    background-position: -5px -405px;
}

.w_djym_ys li .zm1 {
    background-position: -455px -545px;
}

.w_djym_ys li .zm2 {
    background-position: -455px -455px;
}

.w_djym_ys li .zm3 {
    background-position: -545px -5px;
}

.w_ymdzqb li .content {
    height: 240px;
}

.w_djym_zysx {
    width: 100%;
    background-color: #fff;
    padding: 80px 0;
}

.djym_zysx_item {
    position: relative;
    width: 580px;
    height: 62px;
    line-height: 62px;
    padding-left: 76px;
    margin-bottom: 24px;
    font-size: 18px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    background-color: #EFF3F9;
}

.djym_zysx_item::before {
    position: absolute;
    left: 18px;
    top: 12px;
    content: '';
    width: 40px;
    height: 42px;
    background: url(../img/zysx_icons.png) no-repeat;
    background-size: 150px 104px;
}

.djym_zysx_item1::before {
    background-position: -5px -5px;
}

.djym_zysx_item2::before {
    background-position: -55px -5px;
}

.djym_zysx_item3::before {
    background-position: -105px -5px;
}

.djym_zysx_item4::before {
    background-position: -5px -57px;
}

.djym_zysx_item5::before {
    background-position: -55px -57px;
}

.djym_zysx_item6::before {
    background-position: -105px -57px;
}

.djym_zysx_item:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.w_ymgqjd li {
    height: 216px;
}

.w_ymgqjd li:before {
    top: 50px;
}

.w_ymgqqx {
    background: #fff;
}

.w_ymgqqx li .content {
    height: 400px;
}

.w_fzymgq {
    height: 536px;
}

.w_fzymgq li {
    width: 100%;
    height: 200px
}

.w_fzymgq li .right {
    width: 1040px;
}

.w_fzymgq li .icon {
    background-position: -275px -545px;
}

.w_ymplhf ul {
    margin-left: -30px;
}

.w_ymplhf li {
    width: 380px;
    height: 250px;
    padding: 24px 40px;
    margin-left: 30px;
    text-align: left;
    background: #eff3f9;
    border-radius: 8px;
}

.w_ymplhf li h2 {
    font-size: 22px;
}

.w_ymplhf li h2 strong {
    margin-right: 10px;
    font-size: 60px;
    color: #037CFF;
    font-family: DINProM;
    vertical-align: sub;
}

.w_ymplhf li p {
    line-height: 40px;
    font-size: 20px;
}

.w_ymqxzt {
    height: 486px;
}

.w_ymqxzt li {
    height: 150px;
    margin-bottom: 0;
}

.w_ymzclc {
    background-image: url("../img/ymsyq/how_bg.jpg");
}

.w_ymsqwt {
    height: 670px;
}

.w_ymsqwt li {
    height: 160px;
}


#kfnew {
    position: fixed;
    right: 15px;
    bottom: 40px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 40px;
    height: 170px;
    cursor: pointer;
    z-index: 999;
}

#kfnew .item, #kfnew .returnTop {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    margin-bottom: 6px;
    background-color: #fff;
    box-shadow: 0px 6px 20px 0px rgba(195, 199, 203, 0.2);
}

#kfnew .dlItem {
    height: 117px;
    background: url(../img/kf_sidebar_bg.png) no-repeat;
    background-size: cover;
}

#kfnew .dlItem > .iconfont {
    color: #fff;
    font-size: 16px;
}

#kfnew .dlItem span.text {
    display: block;
    margin-top: -4px;
    padding: 0px 10px;
    line-height: 18px;
    color: #fff;
    font-size: 14px;
}

#kfnew .item > i.iconfont.icon1 {
    font-size: 19px;
}

#kfnew .item > i.iconfont.icon2 {
    font-size: 20px;
}

#kfnew .item:first-child:hover > i.iconfont {
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}

#kfnew .item:last-child:hover > i.iconfont {
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}

#kfnew .content {
    display: none;
    position: absolute;
    right: 40px;
    top: 0;
    border-right: 12px solid transparent;
}

#kfnew .content .main {
    width: 260px;
    padding: 12px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    color: #181818;
}

#kfnew .content:hover .main {
    color: #037CFF;
}


#kfnew .item:hover .content {
    display: block;
}

#kfnew .content .left {
    width: 90px;
    height: 90px;
}

#kfnew .content3 .fl {
    height: 83px;
    padding: 0 0 0 5px;
}

#kfnew .content img.ewm {
    border: 1px solid #eee;
}

.k-qq a {
    color: #037CFF;
}

.k-qq a:hover {
    text-decoration: underline;
}

#kfnew .content img {
    width: 100%;
    height: 100%;
}

#kfnew .content .right {
    width: 135px;
    margin-left: 10px;
}

#kfnew .right p {
    font-size: 14px;
    color: #333;
    margin-bottom: 6px;
    line-height: 24px;
    text-align: left;
}

#kfnew .right span {
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 20px;
    text-align: left;
}

#kfnew .right span font {
    color: #037CFF;
    margin-right: 5px;
}

#kfnew .right font {
    color: #037CFF;
}

#kfnew .main {
    position: relative;
}

#kfnew .main .sjx {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 14px;
    right: -6px;
    border-width: 6px 0 6px 6px;
    border-color: transparent #e4e4e4 transparent;

}

#kfnew .main .sjx:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1px;
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent #fff transparent;
}

#kfnew .content2 .main {
    width: 230px;
    height: 78px;
    padding: 16px 0 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

#kfnew .content2 span {
    display: block;
    line-height: 22px;
    font-size: 14px;
    color: #333;
}

#kfnew .content2 strong {
    margin-top: 4px;
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #007BFC;
    line-height: 22px;
}


#kfnew .text .main {
    width: 256px;
    padding: 0 15px;
    line-height: 40px;
    height: 40px;
}

#kfnew .text:hover {
    color: #0A9EF6;
}

#kfnew .content3 .main {
    padding: 12px;
}

#kfnew .content3 .right {
    width: 130px;
}

#kfnew .content3 p {
    color: #333;
    font-size: 14px;
    line-height: 21px;
}

#kfnew .content3 span {
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 18px;

}

#kfnew .content3 img {
    width: 80px;
    height: 80px;
}

#kfnew .item.returnTop {
    display: none;
    border-radius: 2px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

#kfnew .item.returnTop:hover {
    color: #037cff;
}


#kfnew .dlItem:hover .kf_wrapper {
    display: block;
}

.kf_wrapper {
    bottom: 0;
    position: absolute;
    left: -295px;
    padding-right: 15px;
    display: none;
    cursor: default;
}

.kf_container {
    width: 280px;
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0px 4px 30px 0px rgba(4, 0, 0, 0.08);
}

.kf_wrapper i.arrow {
    position: absolute;
    bottom: 50px;
    right: 4px;
    display: block;
    width: 11px;
    height: 16px;
    background: url(../img/arrow_icon.png) no-repeat;
    background-size: 11px;
}

.kf_item {
    position: relative;
    padding-left: 28px;
    margin-bottom: 15px;
    color: #4D5260;
    text-align: left;
}

#kfnew .kf_item i.iconfont {
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 18px;
    color: #505563;
}

.kf_item p {
    line-height: 26px;
}

.kf_item p span {
    padding-left: 8px;
    color: #828897;
}

.kf_item p.blue a {
    color: #037CFF;
}

.kf_item p.blue a:hover {
    text-decoration: underline;
}

.kf_item p.fs12 {
    line-height: 22px;
    font-size: 12px;
    color: #828897;
}

.kf_item p.fs12 a {
    color: #828897;
}

.kf_item p.fs12 a:hover {
    color: #037CFF;
}

.kf_item img.ewm {
    float: right;
    width: 78px;
    height: 78px;
}

.kf_wrapper .btn {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    text-align: center;
    background-color: #037CFF;
    color: #fff;
    font-weight: bold;
}

.kf_wrapper .dl-btn {
    background: url(../img/dl_btn_bg.png) no-repeat;
    background-size: 240px;
}

.w_ejym {
    padding: 50px 0 20px;
    background: #fff;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.ej_effect {
    padding: 50px 0 60px;
    background: url("../img/ympm/pexels_bg.jpg") no-repeat center #041332;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ej_effect li {
    float: left;
    width: 350px;
    margin-left: 10px;
    transition: all .3s;
}

.ej_effect li.active {
    width: 480px;
}

.ej_effect li:first-child {
    margin-left: 0;
}

.ej_effect li .photo {
    width: 100%;
    height: 252px;
    text-align: center;
    overflow: hidden;
}

.ej_effect li .photo img {
    height: 100%;
}

.ej_effect li .content {
    padding: 36px;
    height: 208px;
    background: linear-gradient(270deg, #037cff, #07b3ff);
}

.ej_effect li h2 {
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    line-height: 37px;
}

.ej_effect li p {
    margin-top: 16px;
    font-size: 16px;
    color: rgba(255, 255, 255, .8);
    line-height: 26px;
}

.ej_matter {
    padding: 50px 0 40px;
    background-color: #fff;
}

.ej_matter li {
    padding: 0 18px;
    margin-bottom: 24px;
    margin-right: 40px;
    float: left;
    width: 580px;
    height: 62px;
    background: #eff3f9;
    transition: all .3s;
}

.ej_matter li:hover {
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.07);
}

.ej_matter li:nth-child(even) {
    margin-right: 0;
}

.ej_matter li span {
    margin-right: 18px;
    margin-top: 12px;
    float: left;
    display: block;
    width: 40px;
    height: 42px;
    text-align: center;
    line-height: 37px;
    font-size: 12px;
    color: #fff;
    background: url("../img/ejym/zysx_bg.png") no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.ej_matter li p {
    float: left;
    font-size: 16px;
    text-align: left;
    color: #333;
    line-height: 62px;
}

.l_pexels .org li .icon {
    width: 80px;
    height: 80px;
    background: url(../img/org_icon.png) no-repeat;
    -webkit-background-size: auto 80px;
    background-size: auto 80px;
}

.l_pexels .org li .icon3 {
    background-position: 0 0;
}

.l_pexels .org li .icon4 {
    background-position: -80px 0;
}

.l_pexels .org li .icon1 {
    background-position: -160px 0;
}

.l_pexels .org li .icon2 {
    background-position: -240px 0;
}

.l_tenet {
    padding: 65px 0 80px;
}

.l_tenet .content {
    width: 1200px;
    height: 285px;
}

.l_tenet .content img {
    display: block;
    width: 100%;
}

.l_title p {
    margin-top: 10px;
    font-size: 16px;
    color: #666;
    line-height: 22px;
}

.l_merits {
    padding: 65px 0 80px;
}

.l_merits li {
    padding: 22px 30px;
    float: left;
    width: 580px;
    height: 276px;
    background: linear-gradient(135deg, #f2f8ff, #ffffff);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
    border-left: 4px solid #087CFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .3s;
}

.l_merits li:hover {
    transform: translateY(-6px);
}

.l_merits li.que {
    margin-left: 40px;
    background: linear-gradient(135deg, #f6f7f9, #ffffff);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    border-color: #999;
}

.l_merits li .right {
    width: 402px;
    margin-left: 34px;
}

.l_merits li .title {
    font-size: 26px;
    font-weight: 500;
    color: #333;
    line-height: 37px;
}

.l_merits li .right p {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    line-height: 28px;
}

.l_merits .icon {
    width: 80px;
    height: 80px;
    background: url("../img/youdian.png") no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.l_merits .icon2 {
    background-image: url("../img/quedian.png");
}


.l_fangshi {
    padding: 65px 0 80px;
}

.l_fangshi li {
    width: 580px;
    height: 297px;
    background: #fff;
    border: 1px solid #e9e9e9;
}

.l_fangshi li .content {
    padding: 30px;
    font-size: 14px;
    color: #666;
    line-height: 30px;
}


.l_fangshi li .top {
    width: 580px;
    height: 100px;
    background: url("../img/ymsyq/jy_top2.png") no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.l_fangshi li .top1 {
    background-image: url("../img/ymsyq/jy_top1.png");
}

.jx_how .ymzj {
    display: block;
    margin: 0 auto;
    width: 56px;
    height: 56px;
    background: url("../img/ymsyq/zjtj_icon.png") no-repeat center;
    -webkit-background-size: auto 56px;
    background-size: auto 56px;
}

.jx_how .ymzj3 {
    background-position: 0 0;
}

.jx_how .ymzj4 {
    background-position: -56px 0;
}

.jx_how .ymzj1 {
    background-position: -112px 0;
}

.jx_how .ymzj2 {
    background-position: -168px 0;
}

















